import NoteAddIcon from "@mui/icons-material/NoteAdd";
import { Link } from "react-router-dom";
import styled from "styled-components";
const TakeNote = () => {
  const TakeNoteButton = styled.button`
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 45px;
    background-color: #ffd64e;
    border-radius: 5px;
    border: none;
    width: 90%;
    margin: 10px auto;
    color: white;
    .note {
      margin-left: 10px;
      font-size: 16px;
    }
  `;
  return (
    <div>
      <Link to="/note">
        <TakeNoteButton>
          <NoteAddIcon />
          <span className="note">添加一条记账</span>
        </TakeNoteButton>
      </Link>
    </div>
  );
};
export default TakeNote;
